@charset "UTF-8";
/* .bar-box.search-bar {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;

  .searchs {
    flex: 1;
    margin: 0 0.5rem;
  }

  a {
    margin: 0 0.5rem;
    color: #5f646e;
  }
} */
.bar-box { box-sizing: border-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; width: 100%; height: 100%; }

.bar-box .bar-left, .bar-box .bar-right { display: -webkit-flex; display: flex; align-items: center; height: 100%; }

.bar-box .bar-left img, .bar-box .bar-right img { width: 1.45rem; height: 1.45rem; }

.bar-box .bar-left a, .bar-box .bar-right a { margin: 0 0.5rem; color: #5f646e; }

.bar-box .searchs { flex: 1; margin: 0 0.5rem; }

.bar-box .bar-right img { margin-right: 0.5rem; }

.search-container { background-color: #fff; }

.search-container .buttons-tab { background-color: #EFEFF4; }

.search-container .buttons-tab .button span { padding-bottom: 0.2rem; border-bottom: 1px solid transparent; }

.search-container .buttons-tab .button.active { border-color: transparent; }

.search-container .buttons-tab .button.active span { border-bottom-color: #0894ec; }

.search-container .container { box-sizing: border-box; padding: 0 0.75rem; overflow: hidden; }

.search-container .container .search .search-list { display: -webkit-flex; display: flex; flex-wrap: wrap; }

.search-container .container .search .search-list span { padding: 0.2rem 0.3rem; margin: 0 0.5rem 0.5rem 0; font-size: 0.7rem; border: 1px solid #5f646e; border-radius: 4px; }

.search-container .container .card-flex-box .card_flex__inner { padding: 0.5rem 0; }

.search-container .container .card-flex-box .card_flex__inner p { margin: 0; }

.search-container .container .card-flex-box .card_flex__inner .label-box { box-sizing: border-box; padding: 0.5rem 0; }

.search-container .container .card-flex-box .card_flex__inner .label-box .label { box-sizing: border-box; margin-right: 0.2rem; padding: 0.2rem 0.5rem; border-radius: 1.35rem; border: 1px solid #e1e1e1; }

.search-container .container .card-flex-box .card_flex__inner .label-box .label:nth-last-child(1) { margin-right: 0; }

.search-container .container .list-block { margin: 0; }

.search-container .container .list-block ul li:nth-last-child(1)::after { content: ''; height: 0px; width: 0px; background: transparent; }

.search-container .container .list-block ul li::after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #e7e7e7; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }

.search-container .container .card_box__content { padding-left: 0; color: inherit; }

.search-container .container .card_box__content .card_box__content_subtile { display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.search-container .container .flex-postiton { flex-direction: row-reverse; }

.search-container .container .flex-postiton .item-inner { margin-left: 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .list-block ul li::after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); } }

.list-block .item-inner:after { content: ''; height: 0; width: 0; background-color: transparent; }

.search-container .goods-nav { display: -webkit-flex; display: flex; flex-direction: row; align-items: center; }

.search-container .goods-nav .goods-nav-bar { flex: 1; height: 2rem; line-height: 2rem; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }

.search-container .goods-nav .goods-nav-bar .icons { width: 2rem; height: 2rem; background: url(../../../img/home/card.png) no-repeat center; background-size: 50%; }

.search-container .goods-nav .goods-nav-bar .icon-toggle { background-image: url(../../../img/home/list.png); }

.search-container .goods-nav a { color: inherit; }

.search-container .goods-nav a span { margin-left: 0.5rem; font-size: 0.6rem; }

.search-container .goods-nav .dropdown { position: relative; }

.search-container .goods-nav .dropdown-content { position: absolute; top: 2rem; left: 0; z-index: 10; width: 100%; display: none; background: #fff; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); }

.search-container .goods-nav .dropdown-content ul { margin: 0; padding: 0; width: 100%; list-style: none; }

.search-container .goods-nav .dropdown-content ul li { width: 100%; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 0.5rem; position: relative; border-bottom: 1px solid #e5e5e5; }

.search-container .goods-nav .dropdown-content ul li a { width: 100%; }

.search-container .goods-nav .dropdown-content ul li a:hover { background: #f8f8f8; }

.search-container .goods-nav .dropdown-content ul li a.active { color: #F86706; }

.search-container .container .goods-list { display: none; }

.search-container .container .goods-list .card_box__content p { padding: 0; }

.search-container .container .goods-list .card_box__content .label-box { box-sizing: border-box; padding: 0.5rem 0; }

.search-container .container .goods-list .card_box__content .label-box .label { box-sizing: border-box; margin-right: 0.2rem; padding: 0.2rem 0.5rem; border-radius: 1.35rem; border: 1px solid #e1e1e1; }

.search-container .container .goods-list .card_box__content .label-box .label:nth-last-child(1) { margin-right: 0; }

.search-container .container .goods-list .tab { min-height: 300px; }

.search-container .container .goods-list .list-block ul::before, .search-container .container .goods-list .list-block ul::after, .search-container .container .goods-list .list-block ul li::after { content: ''; height: 0px; width: 0px; background: transparent; }

.search-container .container .news .card_flex__inner { padding: 0.2rem 0; }

.search-container .container .news .card_flex__inner .label-box { font-size: 0.75rem; }

.search-container .container .news .no-img { margin-left: 0; }

.search-container .container .news .list-block ul::before, .search-container .container .news .list-block ul::after { content: ''; height: 0px; width: 0px; background: transparent; }

/* 全部商品样式 */
.all-goods .goods-nav { position: sticky; background-color: #eee; top: 0; left: 0; z-index: 99; }

.all-goods .goods-nav .goods-nav-bar a { width: 100%; text-align: center; }
